<div th:fragment="top">
    <div class="content-top">
        <div class="content-top-info">
            <div class="content-top-left">
                <div class="left-logo">
                    <a href="https://www.hasbei.com/" class="logo-info" target="_self"><img th:src="@{'/static/image/logo.png'}" alt="有贝口腔网"></a>
                </div>
                <ul class="right-list">
                    <li class="right-list-active"><a href="/information" target="_self"><img th:src="@{'/static/image/news-icon.png'}" alt="有贝口腔网"><span>资讯</span></a></li>
                    <li><a href="https://www.hasbei.com/qa" target="_self"><img th:src="@{'/static/image/qa-icon.png'}" alt="有贝口腔网"><span>问答</span></a></li>
                </ul>
            </div>
            <form action="/search" method="get">
                <div class="content-top-right">
                    <div class="search-input">
                        <img class="search-icon" th:src="@{'/static/image/icon_Search.png'}">
                        <input class="top-search" type="text" name="kw" placeholder="请输入资讯、问题搜索">
                        <input class="search-sub" type="submit" value="搜索">
                    </div>

                    <div class="land-regist" th:if="${logicUser == null}">
                        <a class="top-land" href="/logic">登录</a>
                        <span></span>
                        <a class="top-regist" href="/register">注册</a>
                    </div>
                    <div class="land-success" th:if="${logicUser!=null}">
                        <!--<script type="text/javascript">
                            $(function(){
                                getUserReadCount();
                            })
                            function getUserReadCount(){

                                $.post(basePath+"user/center/getNoReadCount",function(data){
                                    var msgCount=0;
                                    var html="<a href=\"/user/center/msgindex\">#type<span class=\"tips-num\">#count</span></a>";
                                    var setHtml="";
                                    $("#myNoticeModul").html(setHtml);
                                    var list=data.data;
                                    var size=list.length;
                                    for(var i=0;i<size;i++){
                                        var type=list[i].type;
                                        var count=list[i].count;
                                        msgCount=msgCount+count;
                                        if(type==10){
                                            setHtml=html.replace("#type","文章审核").replace("#count",count);
                                        }else if(type==20){
                                            setHtml=html.replace("#type","提问审核").replace("#count",count);
                                        }else if(type==21){
                                            setHtml=html.replace("#type","回答审核").replace("#count",count);
                                        }
                                        $("#myNoticeModul").append(setHtml);
                                    }
                                    if(msgCount==0){
                                        setHtml=html.replace("#type","站内消息").replace("#count",msgCount);
                                        $("#myNoticeModul").append(setHtml);
                                    }
                                    $("#msgCount").html(msgCount);
                                    if(msgCount>0){
                                        $(".notice-tip").show();
                                    }else{
                                        $(".notice-tip").hide();
                                    }
                                });
                                /* setTimeout(function(){
                                    getUserReadCount();
                             },3000); */
                            }
                        </script>-->
                        <div class="message-notice">
                            <a href="/user/center/msgindex"><img src="/static/image/notice.png" alt="有贝口腔网"><span class="notice-tip" id="msgCount" style="display:none">0</span></a>
                            <div class="notice-modul" id="myNoticeModul" >
                                <!-- <a href="">评论<span class="tips-num">22</span></a>
                                <a href="">关注<span class="tips-num">6</span></a> -->
                            </div>
                        </div>
                        <div class="land-success-img">
                            <a href="/user/center/index">
                                <img th:src="${logicUser.lcon == null ? '../static/image/timg.jpg':logicUser.lcon}">
                                <span class="land-success-name">[[${logicUser.nick}]]</span>
                            </a>
                            <div class="img-posi-div">
                                <a href="/user/center/getUserInfo"><span>个人信息</span></a>
                                <a href="javascript:;" onclick="loginOut()"><span>退出登录</span></a>
                            </div>
                        </div>

                    </div>
                </div>

            </form>
        </div>
    </div>
</div>

<div th:fragment="category">

    <div class="main-tab-box">
        <div class="main-tab-div">
            <ul class="main-tab-phone">
                <li class="main-tab-active"><a href="https://www.hasbei.com/">推荐</a></li>
                <li><a href="https://www.hasbei.com/zx/5" target="_self">美白</a></li>
                <li><a href="https://www.hasbei.com/zx/1" target="_self">矫正</a></li>
                <li><a href="https://www.hasbei.com/zx/10" target="_self">种植牙</a></li>
                <li><a href="https://www.hasbei.com/zx/3" target="_self">溃疡</a></li>
                <li><a href="https://www.hasbei.com/zx/2" target="_self">牙疼</a></li>
                <li><a href="https://www.hasbei.com/zx/6" target="_self">拔牙</a></li>
                <li><a href="https://www.hasbei.com/zx/8" target="_self">龋齿</a></li>
                <li><a href="https://www.hasbei.com/zx/12" target="_self">洗牙</a></li>
                <li><a href="https://www.hasbei.com/zx/9" target="_self">补牙</a></li>
                <li><a href="https://www.hasbei.com/zx/4" target="_self">牙周炎</a></li>
                <li><a href="https://www.hasbei.com/zx/11" target="_self">龅牙</a></li>
                <li><a href="https://www.hasbei.com/zx/13" target="_self">综合口腔</a></li>
            </ul>
            <div class="more-list">
                <span>更多</span>
                <img class="arrow-bottom" src="../../static/image/arrow-bttom.png" alt="有贝口腔网">
            </div>
        </div>
        <ul class="more-list-ul">
            <li><a href="https://www.hasbei.com/zx/2" target="_self">牙疼</a></li>
            <li><a href="https://www.hasbei.com/zx/6" target="_self">拔牙</a></li>
            <li><a href="https://www.hasbei.com/zx/8" target="_self">龋齿</a></li>
            <li><a href="https://www.hasbei.com/zx/12" target="_self">洗牙</a></li>
            <li><a href="https://www.hasbei.com/zx/9" target="_self">补牙</a></li>
            <li><a href="https://www.hasbei.com/zx/4" target="_self">牙周炎</a></li>
            <li><a href="https://www.hasbei.com/zx/11" target="_self">龅牙</a></li>
            <li><a href="https://www.hasbei.com/zx/13" target="_self">综合口腔</a></li>
        </ul>
    </div>
</div>